.page {
  @extend .absolute;
  @extend .left0;
  @extend .right0;
  @extend .top0;
  @extend .bottom0;
  @extend .fx-column;
  z-index: 1;
  .content {
    @extend .fx1;
    overflow-y: auto;
    @extend .p14;
  }
}
.main-page {
  @extend .page;
  padding-bottom: var(--tab-height);
}

/** start: 组件 */
// cell group 组件
.cellGroup {
  @extend .bg-fff;
  @extend .brd4;
  @extend .px14;
  @extend .py10;
  @extend .fs12;
  .cell {
    @extend .fx-j-sb;
    @extend .fx-a-c;
    @extend .py12;
    &:not(:last-child) {
      // 用阴影代替下边框
      box-shadow: 0 1px #f5f7fa;
    }
    > div {
      &:first-child {
        @extend .fw700;
      }
      &:last-child {
        @extend .fx-a-c;
        @extend .gap4;
        @extend .fc-h9;
      }
    }
  }
}
// 按钮组 组件
#btn {
  width: 100%;
  height: 44px;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 700;
  @extend .fx-cc;
}
.btn\:confirm,
.btn {
  @extend #btn;
  color: #fff;
  background-image: var(--bg-btn-confirm);
}
.btn\:cancel {
  @extend #btn;
  @extend .br1-h6;
}
/** end: 组件 */
